<template>
  <div class="empty-container">
      <Icon type="empty"/>
      <p class="text">{{text}}</p>
  </div>
</template>

<script>
import Icon from '../Icon';
export default {
    props: {
        text: {
            type: String,
            default: "无数据"
        }
    },
    components: {
        Icon
    }
}
</script>

<style lang="less" scoped>
@import "~@/styles/mixin.less";
@import "~@/styles/var.less";
.icon-container {
    font-size: 40px
}

.empty-container {
    .self-center();
    text-align: center;
    color: @gray;
    font-size: 12px;
}
</style>